<section class = "ajaxSitePage" id = "topicpage">
<div class="row col-sm-12">
             {% for entity in entities %}
                <div class="col-sm-4 col-md-6 " style="margin-bottom: 20px;">
                <div class="thumbnail " style="padding:0;">
                    <div class="caption {% if not entity.statut %} {{'alert-danger'}} {% endif %}">
                        <h4 style="min-height: 50px;">{{entity.title}} <small> {{ entity.date|date('d-m-Y') }}</small>
                            <a class="pull-right action_show btn btn-danger btn-small"  href="javascript:showMyTopics('{{ path('topic_delete', { 'id': entity.id }) }}');">
                                <span class="glyphicon glyphicon-trash"></span>
                            </a>
                        </h4>

                            <table>
                                <tbody>
                                    <tr><td>Contenu : {{  entity.content }} </td></tr>

                                    <tr><td>Tags :
                                        {% for tag in entity.tags %} 
                                            {{ tag }} |
                                        {% endfor %}
                                    </td><tr>
                                    <tr>
                                        <td class="pull-right">
                                            {% if entity.statut %}
                                                <a class="action_show btn btn-warning btn-small"  href="javascript:showMyTopics('{{ path('topic_switch', { 'id': entity.id }) }}');"><span class="glyphicon glyphicon-minus-sign"></span></a> 
                                            {% else %}
                                                <a class="action_show btn btn-success btn-small"  href="javascript:showMyTopics('{{ path('topic_switch', { 'id': entity.id }) }}');"><span class="glyphicon glyphicon-ok-sign"></span></a> 
                                            {% endif %}
                                            <a class="action_show btn btn-primary btn-small"  href="javascript:editTopic('{{ path('topic_edit', { 'id': entity.id }) }}');"><span class="glyphicon glyphicon-wrench"></span></a>
                                            
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                          </div>
                        </div>
                     </div>
             {% endfor %}
        </div>
</section>